<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>bookBook - Home</title>
		<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
	</head>
	<body>
			<div id="fixedbody">
				<div id="header">
					<a id="bookBook" href="/home">bookBook</a>
					<a class="nav" href="/profile?user={{ username }}">Profile</a>
					<a class="nav" href="/network">Network</a>
					<a class="nav" href="/settings">Settings</a>
					<a class="nav" href="/logout">Logout</a>
				</div>
		
		<div id="fullhead">
		</div>		
		
				<div style="width:auto;clear:both">						
					<div id="network_sidebar">
						<form method=GET action="search">
							<label for="search">Search</label>
							<input type="text" id="search" class="search" />
						</form>
						<div class="title">
							Tags
						</div>
						<ul>
							<li><a href="#">Friend</a></li>
							<li><a href="#">Artist</a></li>
							<li><a href="#">Enemy</a></li>
						</ul>
					</div>
					
					<div id="network_body">
					
						<h2>My Network</h2>
						<div class="network_user">
							<div style="float:left;">
								<h2>Morgan Quirk</h2>
								<div class="tags">
									<span class="label">Tags</span>
									<a href="#">Friend</a>,
									<a href="#">Enemy</a>,
									<a href="#">Artist</a>,
								</div>					
							</div>		
							<ul>
								<li><span class="label">Gender</span> Male</li>
								<li><span class="label">Age</span> 20</li>
								<li><span class="label">Location</span> Worcester, MA</li>																
							</ul>
							<div style="clear:both"></div>							
						</div>
						
						<div class="network_user">
							<div style="float:left;">
								<h2>Mehmet Ali Akmanalp</h2>
								<div class="tags">
									<span class="label">Tags</span>
									<a href="#">Friend</a>,
									<a href="#">Enemy</a>,
									<a href="#">LOSERRRR</a>,
								</div>					
							</div>		
							<ul>
								<li><span class="label">Gender</span> Male</li>
								<li><span class="label">Age</span> 20</li>
								<li><span class="label">Location</span> Worcester, MA</li>																
							</ul>
							<div style="clear:both"></div>
						</div>						
						
					</div>
				</div>
			</div>
	</body>
</html>
